<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 选择表单里边的元素为对象 */
        input::placeholder {
            color: greenyellow;
        }
    </style>
</head>

<body>
    <!-- form---表单域 -->
    <form action="">
        <!-- required=“required”---必须书写，不能为空 -->
        <!-- placeholder="表单提示信息"---表单提示文本 -->
        <!-- autofocus="autofocus"---使光标自动聚焦到指定表单 -->

        <!-- autocomplete="on"---当用户在字段开始键入时，浏览器显示之前输入并提交过的内容，必须同时加上name属性才会生效（默认） -->
        <!-- autocomplete="off"---不显示之前输入并提交过的内容 -->
        <input type="search" name="sear" id="" required="required" placeholder="表单提示信息" autofocus="autofocus"
        autocomplete="off">

        <!-- file---选择上传文件 -->
        <!-- multiple---实现文件多选并提交 -->
        <input type="file" multiple="multiple">

        <!-- submit---提交按钮 -->
        <input type="submit" value="提交">
    </form>
</body>

</html>